草庐IT

JSON 到 TypeScript 类实例?

全部标签

javascript - 从 JSON 创建树

我是Javascript的新手,我上过一些类(class),但我仍在学习它,并且我正在努力从JSON制作一棵树。我在这里查看了其他答案,但我似乎无法理解reduce、递归和jquerythingys。所以我做了我自己的功能。但首先,我的JSON如下所示:vardata=[{"id":51,"name":"root"},{"id":54,"name":"app","parentId":53},{"id":55,"name":"text.txt","parentId":54},{"id":53,"name":"share","parentId":52},{"id":52,"name":"l

javascript - 为什么我的 TypeScript 有时会给我一个实例,而有时会给我一个类?

我正在编写一个应用程序来学习TypeScript。它在Chrome中运行良好,但在Edge中运行时出现问题。我有这个方法:setposition(pos:Point){constdiffAsPoint=pos.minus(this.canvasPos);letdiff:Vector2D=diffAsPoint.toVector2D();//我发现,有时diff是一个Vector2D而不是Vector2D的实例。显然,发生这种情况时,对其进行的任何操作都会导致Objectdoesn'tsupportpropertyormethod...toVector2D方法很简单:toVector2D

javascript - typescript 错误地假定该属性是只读的

我有一个用typescript创建的简单react组件,我遇到了以下奇怪的错误。这是我的代码。interfaceState{value:string}classAppextendsReact.Component{constructor(){super();this.state={value:''}}changeHandler=(e:any)=>{letstate=Object.assign({},this.state);state.value=e.target.value;this.setState(state);}render(){return();}}exportdefaultAp

javascript - ( typescript )属性 'window' 在类型 'Global' 上不存在

我正在使用Mocha/Chai进行单元测试并模拟window如下:global.window={innerHeight:1000,innerWidth:1000};可以理解,TSLint提示:Property'window'doesnotexistontype'Global'几个问题...Global是内置的NodeJS/Typescript类型吗?我目前正在通过文件顶部的declarevarglobal消除警告...但这是处理此问题的最佳方式吗?我注意到我还可以通过以下方式解决警告:declareglobal{namespaceNodeJS{interfaceGlobal{windo

javascript - Angular:将通过 API 检索到的 JSON 对象的数组分配给变量

我正致力于通过GoogleBloggerAPI加载博客提要并在组件中显示结果。我无法弄清楚如何将{"items":[]}数组分配给posts变量以显示帖子。这是我所拥有的:组件:import{Component,OnInit}from'@angular/core';import{FeedService,Feed}from'./feed.component.service';import{Observable}from'rxjs/Observable';@Component({selector:'feed',templateUrl:'./feed.component.html',styl

javascript - Angular HostListener 同一组件的多个实例

我有一个名为ListComponent的组件,其中包含以下代码。@HostListener("document:keydown",["$event"])handleKeyEvent(event:KeyboardEvent){switch(event.keyCode){case38://uparrowthis.selectPreviousItem();break;case40://downarrowthis.selectNextItem();break;}}当我按下向上箭头键或向下箭头键时,页面上组件的所有实例都会触发事件。我怎样才能只为焦点元素触发事件? 最

javascript - 从 json 数据动态渲染 React 组件

我有一个像这样的json对象:letdata={UI:{"baseType":"App","children":[{"baseType":"TextField","props":{}}]}};我想把它渲染成:所以,我需要从json对象中获取动态渲染的组件。同样,我写了一个方法:getFromJson(obj){//letType=obj.baseType;letchildren=obj.children?obj.children.map((obj)=>{returnthis.getFromJson(obj,obj.baseType);}):'';//{children});case"T

javascript - 当通过 post 请求发送有效的 json 数据时,Flask request.get_json() 返回 None

这个问题在这里已经有了答案:HowtogetPOSTedJSONinFlask?(13个答案)关闭4年前。使用Flask构建应用程序。该应用程序使用表结构来显示数据。它的部分功能是从用户指定的表行中收集数据。为此,我在执行某些js的每一行上放置了一个按钮。js从行中收集信息,使用JSON.stringify()转换为json对象并将发布请求发送到相关的flaskurl。将jsonified对象的值从js文件记录到浏览器控制台表明它的格式正确。post请求联系正确的路由,但是request.get_json()函数在该路由的方法中返回None值。我在flask中设置了一个单独的路径用于测

javascript - react native - 在 package.json 中使用别名进行绝对导入

我看到一些项目使用import'@someDir/something',它解决了相对导入的问题。然后我找到了这个blogpost说说这个方法。它基本上告诉您在目录中创建package.json并指定它们的别名。我在我基于expo的react-native项目中实现了它,效果很好。像这样:{"name":"@someDir"}在src/someDir/package.json中。而且我可以在任何地方导入'@someDir/something'。为什么会这样?背后发生的魔法在哪里?Webpack还是babel还是react-native本身?我看到了anissue正在讨论此功能,但我不知道

javascript - 在创建单例实例时传递选项的 TypeScript 模式

我有一个TypeScript单例类classMySingleton{privatestatic_instance:MySingleton;privateconstructor();publicstaticgetInstance(){if(!MySingleton._instance){MySingleton._instance=newMySingleton();}returnMySingleton._instance;}}现在,我想在创建这个单例实例时传递一些选项。例如,将实例模式设置为生产模式的选项。因此,这可以通过让getInstance接受一个传播到构造函数的选项对象来实现。那么